<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>照片</title>
</head>

<body>
    <div id="box"></div>
</body>
<script>
let data = [{
    "url": "https://images.unsplash.com/photo-1588777308282-b3dd5ce9fb67?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 5000
}, {
    "url": "https://images.unsplash.com/photo-1592507645647-f2f1d8103c86?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6240
}, {
    "url": "https://images.unsplash.com/photo-1592509705754-ea5aa075cf15?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6720
}, {
    "url": "https://images.unsplash.com/photo-1592413525673-3c08dcb8925a?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6201
}, {
    "url": "https://images.unsplash.com/photo-1592419044706-39796d40f98c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 2956
}, {
    "url": "https://images.unsplash.com/photo-1592421817004-876c579a18e2?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 2333
}, {
    "url": "https://images.unsplash.com/photo-1592412593013-a10aceacd79f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6720
}, {
    "url": "https://images.unsplash.com/photo-1592486058517-36236ba247c8?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 4608
}, {
    "url": "https://images.unsplash.com/photo-1585488433921-f2ce041b2d64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 5472
}, {
    "url": "https://images.unsplash.com/photo-1592450864419-5f8bc32d7aee?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 4492
}, {
    "url": "https://images.unsplash.com/photo-1587613725874-d9a1e8e23f6b?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6710
}, {
    "url": "https://images.unsplash.com/photo-1592430571922-763fca445247?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 4160
}, {
    "url": "https://images.unsplash.com/photo-1592409039573-5a135408dcc4?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6000
}, {
    "url": "https://images.unsplash.com/photo-1592436259366-18ab6da5f195?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 4000
}, {
    "url": "https://images.unsplash.com/photo-1592431698394-e5ed80f2c0a9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 4608
}, {
    "url": "https://images.unsplash.com/photo-1592461013857-97a37dafbbe7?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 3648
}, {
    "url": "https://images.unsplash.com/photo-1592490759174-36d256678241?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 2219
}, {
    "url": "https://images.unsplash.com/photo-1592425859113-52bfc2f3e297?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 3545
}, {
    "url": "https://images.unsplash.com/photo-1592447396834-9e1b3f574677?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 5184
}, {
    "url": "https://images.unsplash.com/photo-1592411262743-cb990f64824e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE0MTI3Nn0",
    "height": 6201
}];
(function() {
    let box = document.getElementById('box');
    let ul = document.createElement('ol');
    data.forEach( function(item, index) {
    	// statements
    	
    	let li = document.createElement('li');
    	let img = document.createElement('img');
    	img.src = item.url;
    	li.appendChild(img)
    	ul.appendChild(li)
    });
    box.appendChild(ul)
}())
</script>
<style>
	li{
		/*display: inline-block;*/
		21,396
	}
</style>
</html>